<template>
	<view>
		<!-- 导航 -->
		<uni-nav-bar leftWidth='200rpx' rightWidth='200rpx' @clickLeft="$utils.ret()"
			@clickRight="$utils.go('/pages/house/house')" left-icon="left" leftText="返回" right-text="添加" title="我的房屋"
			height="135rpx" />
		<!-- 数据 -->
		<view class="info">
			<view class="item" @click="$utils.go('/pages/house/house_wait')">
				<view class="site">
					<view class="l">巩华新村1号楼2单元</view>
					<view class="r">认证中</view>
				</view>
				<view class="m">
					<view class="l">房号</view>
					<view class="r">1201</view>
				</view>
				<view class="m">
					<view class="l">姓名</view>
					<view class="r">张三</view>
				</view>
				<view class="m">
					<view class="l">电话</view>
					<view class="r">13522566761</view>
				</view>
				<view class="m">
					<view class="l">住户类型</view>
					<view class="r">业主</view>
				</view>
				<view class="time">
					<view class="l">2021-10-10 12:08</view>
					<view class="r"><button>删除</button></view>
				</view>
			</view>
			<view class="item" @click="$utils.go('/pages/house/waiting')">
				<view class="site">
					<view class="l">巩华新村1号楼2单元</view>
					<view class="r" style="color: #008500;">已认证</view>
				</view>
				<view class="m">
					<view class="l">房号</view>
					<view class="r">1201</view>
				</view>
				<view class="m">
					<view class="l">姓名</view>
					<view class="r">张三</view>
				</view>
				<view class="m">
					<view class="l">电话</view>
					<view class="r">13522566761</view>
				</view>
				<view class="m">
					<view class="l">住户类型</view>
					<view class="r">业主</view>
				</view>
				<view class="time">
					<view class="l">2021-10-10 12:08</view>
					<view class="r"><button>删除</button></view>
				</view>
			</view>
		</view>
		<view class="di"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	// @import url(/static/iconfont/iconfont.css);
	page {
		width: 100%;
		height: 100%;
		background-color: #f0f0f0;
	}

	/deep/.uni-nav-bar-right-text {
		padding-right: 40rpx;
	}

	/deep/.uni-navbar__content {
		border: none;
	}

	// 数据
	.info {
		margin-right: 20rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;

		.item {
			margin-bottom: 25rpx;
			height: 475rpx;
			background-color: #fff;
			padding-left: 40rpx;
			padding-right: 40rpx;
			border-radius: 10rpx;

			.site {
				height: 80rpx;
				border-bottom: 1rpx solid #ededed;
				box-sizing: border-box;
				font-size: 25rpx;
				display: flex;
				line-height: 80rpx;
				justify-content: space-between;

				.r {
					color: #ea4e4d;
				}
			}

			.m {
				height: 68rpx;
				line-height: 68rpx;
				display: flex;
				font-size: 25rpx;
				justify-content: space-between;
			}

			.time {
				height: 120rpx;
				line-height: 120rpx;
				display: flex;
				justify-content: space-between;
				border-top: 1rpx solid #ededed;

				.l {
					color: #a7a7a7;
				}

				.r {
					button {
						width: 120rpx;
						font-size: 20rpx;
						margin-top: 30rpx;
						color: #fff;
						background-color: #01a2f2;
					}
				}
			}
		}
	}

	.di {
		height: 20rpx;
	}
</style>